{% extends "layout.html"%} {%import "macros.html" as macros %} {% block link%}
<link rel="stylesheet" href="/public/css/list.css" />
{% endblock %} {% block main%}
<div class="main">
    <div class="container">
        <div class="list-box">
            <div class="h">
                <h2 class="title">{{category.name}}</h2>
            </div>
            <div class="c clearfix">
                <ul class="list clearfix">
                    {% for item in items.items %}
                    <li class="item">
                        <div class="figure">
                            <a href="">
                                <img
                                    src="/public/images/{{item.cover}}"
                                    alt="{{item.name}}"
                                />
                            </a>
                        </div>
                        <h3 class="title">
                            <a href="/detail/{{item.id}}">
                                {{item.name.substring(0,20)}}
                            </a>
                        </h3>
                        <p class="desc">
                            {{item.description.substring(0,30)}}...
                        </p>
                        <p class="price">
                            <span class="num"
                                >{{(item.price/100).toFixed(2)}}</span
                            >元
                        </p>
                    </li>
                    {% endfor %}
                </ul>
            </div>
        </div>

        <div class="container">
            {{macros.pagination(items.pages, items.page)}}
        </div>
    </div>
</div>
{% endblock%}
